<template>
	<view class="agreeApplyInfo">
		<!-- 添加人账号 -->
		<view class="item">
			<text class="name">账号：</text>
			<text class="content">zs</text>
		</view>

		<!-- 添加人名称 -->
		<view class="item">
			<text class="name">名称：</text>
			<text class="content">张三</text>
		</view>

		<!-- 添加人好友备注 -->
		<view class="item">
			<text class="name">好友备注:</text>
			<input class="content" />
		</view>


		<button class="send" type="primary">确定</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.agreeApplyInfo {

		margin-top: 100rpx;

		.item {
			margin: 40rpx 20rpx;
		}

		input {
			display: inline-block;
			border: 1px solid black;
			border-radius: 10rpx;
		}

		.name {
			display: inline-block;
			width: 200rpx;

		}

		.content {
			padding-left: 16rpx;
		}

		.send {
			width: 60%;
			margin-top: 80rpx;
		}
	}
</style>